<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>AppShell</title>
		<style>
			header {display: block;}
			header:empty {
				width: 90%; height: 50px; margin: 0 auto;
				background-color: #999;
			}
			main:empty {
				width: 90%; height: 350px; margin: 20px auto;
				background-color: #999;
			}
			footer:empty {
				width: 90%; height: 100px; margin: 0 auto;
				background-color: #999;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<header></header>
			<!-- <main><p v-for="it in lists">{{it.name}}</p></main> -->
			<footer></footer>
		</div>
		<!-- <script type="text/javascript" src="js/vue.min.js"></script> -->
		<script type="text/javascript">
// 			var vm = new Vue({
// 				el: '#app',
// 				data: {
// 					lists: []
// 				},
// 				mounted: function() {
// 					this.req();
// 				},
// 				methods: {
// 					req: function() {
// 						fetch('./mock/mock.json', {
// 							
// 						}).then(function(res) {
// 							console.log(res);
// 							if(res.status == 200) {
// 								res.json().then(function(ret) {
// 									let d = ret.data;
// 									console.log(d)
// 									vm.lists = d;
// 								})
// 							}else {
// 								console.log(status)
// 							}
// 						})
// 					}
// 				}
// 			})
// 			var CACHE_VERSION = 1;
// 			var CURRENT_CACHES = {
// 				font: 'font-cache-v' + CACHE_VERSION
// 			};
			
			
			
		</script>
	</body>
</html>
